﻿@{
    ViewBag.Title = "changePassword";
}

<div id="cphMain_ctl00_ContentPane" class="center">
    <div id="Breadcrumb" class="Breadcrumb">
        <ul>
            <li class="first">
                <a href='javascript:;' onclick="javascript:loadAction('Index2','Main')">Trang chủ
                </a>
            </li>
            <li>
                <a href='javascript:;' onclick="javascript:loadAction('personal','Account')">Tài khoản của tôi</a>
            </li>
            <li>
                <span>Đổi mật khẩu</span>
            </li>
        </ul>
    </div>

<div class="Account-Module DefaultModule">
    
<script type="text/javascript">
function keypress(e) {
    var keypressed = null;
    if (window.event) { keypressed = window.event.keyCode; }
    else { keypressed = e.which; }
    if (keypressed < 48 || keypressed > 57) {
        if (keypressed == 8 || keypressed == 127 || keypressed == 0) { return; }
        return false;
    }
}
</script>
<div class="DefaultModule LoginForm Block">
    <span style="display: none;">
        </span>
    <div id="CreateAccountForm" class="Block Moveable Panel CreateAccountForm">
        
        <div id="cphMain_ctl00_ctl01_ctl00_pnlInfo">
	
            <div class="BlockContent">
                <div class="defaultTitle LoginForm-title">
                    <h1>
                        Đổi mật khẩu
                    </h1>
                </div>
                <form action="/Account/changePasswordClick" method="post" onsubmit="return validation();" >
                <div class="defaultContent LoginForm-content CreateAccountContainer">
                    <h3>
                        Thông tin tài khoản
                    </h3>
                    
                    <div class="FormContainer HorizontalFormContainer NarrowFormContainer">
                        <dl>
                            <dt>
                                <span class="required">*</span> Mật khẩu cũ:
                            </dt>
                            <dd>
                                <input name="oldPass" type="password" id="oldPass" class="NormalTextBox" style="width:200px;">                                                                
                                
                            </dd>                                                        
                            <dt>
                                <span class="required">*</span> Mật khẩu mới:
                            </dt>
                            <dd>
                                <input name="password" type="password" id="password" class="NormalTextBox" style="width:200px;">                                                                
                                <span id="passMsg" class="required"></span>
                            </dd>
                            <dt>
                                <span class="required">*</span> Nhập lại mật khẩu mới:
                            </dt>
                            <dd>
                                <input name="confirmPassword" type="password" id="confirmPassword" class="NormalTextBox" style="width:200px;">
                                <span id="confirmMsg" class="required"></span>
                            </dd>   
                            <dt>&nbsp;</dt>
                            <dd>
                                <input type="submit" name="btnSubmit" value="Đổi mật khẩu" id="btnSubmit" class="CreateAccountButton">                                
                            </dd>                         
                        </dl>
                    </div>
                    <p>
                    </p>
                    
                </div>
                    </form>
                <div class="defaultFooter LoginForm-footer"><div></div></div>
            </div>
        
</div>
    </div>
</div>
<script type="text/javascript">

    $(document).ready(function () {
        $("#confirmPassword").change(function () {
            var pass = $("#password").val();
            var confirmPass = $("#confirmPassword").val();
            if (pass != confirmPass) {
                $("#confirmMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Mật khẩu nhập lại không chính xác");
            } else {
                $("#confirmMsg").html("");
            }
        });
        $("#password").change(function () {
            var pass = $("#password").val();
            var confirmPass = $("#confirmPassword").val();
            if (pass.length < 6) {
                $("#passMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Mật khẩu phải ít nhất 6 ký tự");
            } else {
                $("#passMsg").html("");
            }
            if (confirmPass.length > 0) {
                if (pass != confirmPass) {
                    $("#confirmMsg").html("<img src='/Content/data/icon/cancel-icon.png' height='20' width='20'/><br/> Mật khẩu nhập lại không chính xác");
                } else {
                    $("#confirmMsg").html("");
                }
            }
        });
    });
    function validation(){
                
        var pass = $("#password").val();
        var confirmPass = $("#confirmPassword").val();
        if (pass.length < 6) {
            alert("Nhập lại mật khẩu");
            return false;
        }
        if (confirmPass.length < 6) {
            alert("Nhập lại confirm mật khẩu");
            return false;
        }
        if (document.getElementById("confirmMsg").innerHTML != "") {
            alert("Confirm mật khẩu không chính xác");
            return false;
        }
        
        return true;
    }
</script>
</div>
</div>

